/* 头部 开始 */
.head{
    width: 100%;
    height:100px;
}
.head-c{
width:1200px;
height: 100%;
margin: 0 auto;
text-align: center;
}
.head-c img{
    margin-top: 24px;
    float:left;
}
.nav{
    width: 666px;
    height: 100%;
    float:right;
}

.nav ul li{
    float:left;
    width: 36px;
    height: 17px;
    margin-left: 75px;
    line-height: 100px;
}
.nav ul li::after{
    content: "";
    display: block;
    width:20px;
    height: 1px;
    background:#668aca; 
    margin: 0 auto;
    margin-top: -35px;
    opacity: 0;
}
.nav ul li a:hover{
    color: #668aca;
    font-size: 18px;
}
.nav ul li:hover::after{
    opacity: 1;
}
.nav .highlight a{
    font-size: 18px;
    color: #668aca;
}
.nav .highlight::after{
    opacity: 1;
}
/* 头部 结束*/ 

/* 尾部 开始 */
.footer{
    width: 100%;
    height: 262px;
    background-color: #f7f7f7;
}
.footer-c{
    width: 1200px;
    height: 100%;
    background-color: #f7f7f7;
    margin: 0 auto;
}
.footer-c ul{
    margin-top: 98px;
    float: left;
}
.footer-l{
    width: 387px;
    text-align: center;
}
.footer-l li:nth-child(1){
    font-size: 16px;
}
.footer-l span{
    margin-left: 19px;
}
.footer-l span:nth-child(1){
    margin-left:0px;
}
.footer-l span img{
    width: 25px;
    height: 25px;
}
.footer-c1{
     width: 436px;
     border-left: 1px solid #e9e9e9;
     border-right: 1px solid #e9e9e9;
     text-align: center;
}
.footer-r{
    margin-left: 61px;
}
.footer-c ul li{
    margin-top: 16px;
}
.footer-c1 li:nth-child(2){
    margin-right: 106px;
}
.footer-c1 li:nth-child(3){
    margin-right: 106px;
}
/* 尾部 结束 */